<template>
  <div>
      <h2>学生名字：{{studentObj.name}}</h2>
      <h2>学生年龄：{{studentObj.age}}</h2>
      <h2>学生性别：{{studentObj.sex}}</h2>
      <b style="color:red">{{number}}</b>
  </div>
</template>

<script>
    export default {
        name:'Students',
        // 三种方式
        // 1、简单接受
        // props:['studentObj', "number"],
        // 2、接收的同时并限制类型
        // props:{
        //     studentObj:Object,
        //     number:Number
        // },
        // 3、接收并添加配置字段  必要性(required)，默认值(default)，类型(type)
        props:{
            studentObj:{
                type: Object,
                required: true
            },
            number:{
                type: Number,
                default: 99
            }
        },
        data () {
            return {
                
            }
        }
    }
</script>

<style scoped>

</style>